<template>
  <view>
    <view style="margin: 5px;">
      <view v-for="(item, index) in dateList" :key="index">
        <CardViewText class="card-container" 
          :title="item.title" 
          :isTop="item.isTop" 
          :author="item.author"
          :comments="parseInt(item.comments)" 
          :time="item.time"
          :mode="item.newstype"
          :image="item.image">
          <template v-slot:tips>
            <view class="slotcontent" v-if="index === 2">
              <text>搜索:</text>
              <view class="borderbox"><text>今日金价</text></view>
              <view class="borderbox"><text>精选好物</text></view>
            </view>
          </template>
        </CardViewText>
      </view>
    </view>
  </view>
</template>

<script>
import CardViewText from "@/components/cardViewText.vue";
import newList  from "@/data/news.json";
export default {
  components: {
    CardViewText,
  },
  data() {
    return {
      dateList: [
        // {
        //   title: "习近平：让中美关系这艘大船平稳前行",
        //   isTop: true,
        //   author: "新华社",
        //   comments: "65894",
        //   time: "2025.10.30",
        //   newstype: 1,
        //   image: [], // mode=1 时传空数组
        // },
        // {
        //   title: "道路交通安全新规实施",
        //   isTop: true,
        //   author: "新华社",
        //   comments: "5565",
        //   time: "2025.10.6",
        //   newstype: 1,
        //   image: [],
        // },
        // {
        //   title: "东北首座万亿城市之争，尘埃落定？",
        //   isTop: false,
        //   author: "每日经济新闻",
        //   comments: "5641",
        //   time: "2025.10.29",
        //   newstype: 2,
        //   image: ["/static/news/zj2.jpg"],
        // },
        // {
        //   title: "十五运动会开幕",
        //   isTop: false,
        //   author: "环球网",
        //   comments: "48953",
        //   time: "2025.10.29",
        //   newstype: 2,
        //   image: ["/static/news/ydhui.jpg"],
        // },
        // {
        //   title: "张杰贵阳演唱会收到折耳根大礼深吸一口气张嘴表示爱吃",
        //   isTop: false,
        //   author: "新浪新闻",
        //   comments: "864",
        //   time: "2025.11.8",
        //   newstype: 2,
        //   image: ["/static/news/zj1.jpg"],
        // },
        // {
        //   title: "闪购今天请你喝奶茶",
        //   isTop: false,
        //   author: "闪购",
        //   comments: 0,
        //   time: "2025.11.11",
        //   newstype: 3,
        //   image: ["/static/news/sg1.jpg", "/static/news/sg2.jpg", "/static/news/sg3.jpg"],
        // },
      ],
    };
  },
  
  onLoad() {
  	this.dateList=newList.newsList;
  },
  methods: {},
};

</script>

<style>
.card-container {
  margin-bottom: 10px;
}
.slotcontent {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 8px 0;
  color: #f3f;
}
.slotcontent text:first-child {
  font-size: 14px;
  margin-right: 10px;
}
.borderbox {
  border: 1px solid #f3f;
  border-radius: 4px;
  padding: 2px 4px;
  margin-right: 8px;
  font-size: 14px;
  color: #f3f;
}
.borderbox:last-child {
  margin-right: 0;
}
</style>